<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	.baise{
		width: 100%;
		height: 100vh;
		background-color: #FFFFFF;
	}
	/*每个页面公共css */
	/* #ifdef H5 */
	.content-tabar{
		width: 100%;
		height: calc(100vh - 100rpx);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-tabar{
		width: 100%;
		height: calc(100vh);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifdef H5 */
	.content-header{
		width: 100%;
		height: calc(100vh - 88rpx);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-header{
		width: 100%;
		height: calc(100vh);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifdef H5 */
	.content-header-tabar{
		width: 100%;
		height: calc(100vh - 88rpx - 100rpx);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-header-tabar{
		width: 100%;
		height: calc(100vh);
		background-color: #F4F4F4;
	}
	/* #endif */
	
	.flex-row{
		display: flex;
		flex-direction: row;
	}
	.flex-row-reverse{
		display: flex;
		flex-direction: row-reverse;
	}
	.flex-column {
		display: flex;
		flex-direction: column;
	}
	.flex-column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.flex-wrap-no{
		flex-wrap: nowrap;
	}
	.flex-wrap{
		flex-wrap: wrap;
	}
	.flex-wrap-reverse{
		flex-wrap: wrap-reverse;
	}
	.flex-content-start{
		justify-content: flex-start;
	}
	.flex-content-end{
		justify-content: flex-end;
	}
	.flex-content-center{
		justify-content: center;
	}
	.flex-content-between{
		justify-content: space-between;
	}
	.flex-content-around{
		justify-content: space-around;
	}
	.flex-item-start{
		align-items: flex-start;
	}
	.flex-item-end{
		align-items: flex-end;
	}
	.flex-item-center {
		align-items: center;
	}
	.flex-item-baseline {
		align-items: baseline;
	}
	.flex-item-stretch {
		align-items: stretch;
	}
	.top24{
		margin-top: 24rpx;
	}
	.left30{
		margin-left: 30rpx;
	}
	.right30{
		margin-right: 30rpx;
	}
</style>
